<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <script src="../js/rem.js"></script>
    <link rel="stylesheet"  type="text/css" href="../bootstrap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="../css/index.css">
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../css/detail.css">
    <title>产品详情页</title>
</head>
<body>
    <!-- 导航 -->
    <div class="nav clearfix"></div>
    
    <!-- 背景图 -->
    <div class="detail-bg"></div>

    <!-- 详细信息 -->
    <div class="information-box clearfix">
        <!-- <div class="information-left">
            <img src="../img/custom1.jpg" alt="">
        </div>
        <div class="information-right">
            <ul>
                <li>
                    <h1>28格10.1吋触摸屏自助格子柜</h1>
                </li>
                <li>
                    <div>基本参数>></div>
                </li>
                <li>
                    <strong>产品型号：</strong>
                    <span>P1</span>
                </li>
                <li>
                    <strong>产品亮点：</strong>
                    <span>臭氧或紫外线消毒，加热模块，最高温度60度，可只选保温，适合售卖早点、快餐等需要保温存放的食物</span>
                </li>
                <li>
                    <strong>机器尺寸：</strong>
                    <span>高1950mm*宽1000mm*深400mm</span>
                </li>
                <li>
                    <strong>机器重量：</strong>
                    <span>约220kg</span>
                </li>
                <li>
                    <strong>额定功率：</strong>
                    <span>约1500W</span>
                </li>
                <li>
                    <strong>货道数量：</strong>
                    <span>宽318*高300*深300mm格子3个，宽318*高250*深300mm格子3个，宽318*高150*深300格子22个</span>
                </li>
                <li>
                    <strong>商品容量：</strong>
                    <span>28个</span>
                </li>
            </ul>
        </div>
        <div class="information-interval">
            <span>详细配置>></span>
        </div>
        <div class="information-bottom">
            <div>
                <ul>
                    <li>
                        <strong>显示屏：</strong>
                        <span>10.1吋屏幕，分辨率1280*800</span>
                    </li>
                    <li>
                        <strong>触摸屏：</strong>
                        <span>10.1吋电容多点触摸</span>
                    </li>
                    <li>
                        <strong>工控机：</strong>
                        <span>安卓主板，瑞芯微RK3288，8G存储内存，2G运行内存</span>
                    </li>
                    <li>
                        <strong>单片机：</strong>
                        <span>支持柜体灯亮度调节，支持外接通讯控制</span>
                    </li>
                    <li>
                        <strong>选单操作：</strong>
                        <span>电容触摸屏选单购买（安卓系统）</span>
                    </li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>
                        <strong>支付方式：</strong>
                        <span>微信/支付宝</span>
                    </li>
                    <li>
                        <strong>网络要求：</strong>
                        <span>支持连接WIFI、4G物联卡</span>
                    </li>
                    <li>
                        <strong>保温类型：</strong>
                        <span>加热</span>
                    </li>
                    <li>
                        <strong>额定电压：</strong>
                        <span>AC220V/50Hz，防触电保护</span>
                    </li>
                    <li>
                        <strong>制作工艺：</strong>
                        <span>机箱使用镀锌板加工制作，喷涂高温环保漆，格子柜表面粘贴食品级PP材质面板，格子柜门板保温处理</span>
                    </li>
                </ul>
            </div>
        </div> -->
    </div>

    <!-- 询价 -->
    <div class="enquiry">
        <button>快速询价</button>
        <div class="enquiry-wx">
            <img src="../img/images/code.jpg" alt="">
            <div class="point"></div>
        </div>
    </div>  

    <!-- 配置 -->
    <div class="configure">
        <div class="configure-content">
            <div>P1自助格子柜标准货道配置</div>
            <div class="configure-img">
                <!-- <img src="../img/images/bn201-P1.png" alt="" srcset=""> -->
            </div>
        </div>
    </div> 
    
    <!-- 营业额 -->
    <div class="earning">
        <div class="earning-title">大幅增加售货机营业额，我们是如何做到的?</div>
        <div class="earning-content clearfix">
            <div class="earning-list">
                <div class="earning-list-img"><img src="../img/images/bn146.png" class="rotate"></div>
                <div class="earning-list-text">大厂生产，设备可靠，用户体验好</div>
            </div>
            <div class="earning-list">
                <div class="earning-list-img"><img src="../img/images/bn147.png" class="rotate"></div>
                <div class="earning-list-text">自动成为您的会员，有充值、促销功能</div>
            </div>
            <div class="earning-list">
                <div class="earning-list-img"><img src="../img/images/bn148.png" class="rotate"></div>
                <div class="earning-list-text">既可以在售货机上直接购买商品，也能通过线上商城预定，到售货机取货，或快递送货</div>
            </div>
            <div class="earning-list">
                <div class="earning-list-img"><img src="../img/images/bn149.png" class="rotate"></div>
                <div class="earning-list-text">线上线下双向引流，积分、优惠劵互通</div>
            </div>
            <div class="earning-list">
                <div class="earning-list-img"><img src="../img/images/bn150.png" class="rotate"></div>
                <div class="earning-list-text">线上线下可设置多种促销玩法，打折、取货码、积分兑换、优惠劵、买一送一、免费派送、推荐码、一元嗨购、半价购等</div>
            </div>
            <div class="earning-list">
                <div class="earning-list-img"><img src="../img/images/bn151.png" class="rotate"></div>
                <div class="earning-list-text">多用户登录、机器分组、角色管理、功能授权、开设子账户、多方分润、广告管理、补货管理、会员管理、仓库进销存、异常提醒、在线客服等众多功能，为商家赋能</div>
            </div>
        </div>
    </div>

    <!-- 硬件 -->
    <div class="hardware">
        <div class="general-content">
            <div class="general-title">硬件特点</div>
            <div class="hardware-img">
                <img src="../img/images/bn165.png" >
            </div>
            <div class="hardware-steps clearfix">
                <div class="hardware-list">
                    <div class="hardware-list-title">
                        <dd>前置散热口</dd>
                    </div>
                    <div class="hardware-list-img"><img src="../img/images/bn156.png"></div>
                </div>
                <div class="hardware-list">
                    <div class="hardware-list-title">
                        <dd>磁吸附专用冰箱胶条</dd>
                    </div>
                    <div class="hardware-list-img"><img src="../img/images/bn152.png"></div>
                </div>
                <div class="hardware-list">
                    <div class="hardware-list-title">
                        <dd>全封闭机身</dd>
                    </div>
                    <div class="hardware-list-img"><img src="../img/images/bn162.png"></div>
                </div>
                <div class="hardware-list">
                    <div class="hardware-list-title">
                        <dd>专利隔热环</dd>
                    </div>
                    <div class="hardware-list-img"><img src="../img/images/bn153.png"></div>
                </div>
                <div class="hardware-list">
                    <div class="hardware-list-title">
                        <dd>可选配IC卡读卡器</dd>
                    </div>
                    <div class="hardware-list-img"><img src="../img/images/bn159.png"></div>
                </div>
                <div class="hardware-list">
                    <div class="hardware-list-title">
                        <dd>可选配扫码器</dd>
                    </div>
                    <div class="hardware-list-img"><img src="../img/images/bn154.png"></div>
                </div>
                <div class="hardware-list">
                    <div class="hardware-list-title">
                        <dd>可选配刷脸摄像头</dd>
                    </div>
                    <div class="hardware-list-img"><img src="../img/images/bn157.png"></div>
                </div>
                <div class="hardware-list">
                    <div class="hardware-list-title">
                        <dd>可选配小票打印机</dd>
                    </div>
                    <div class="hardware-list-img"><img src="../img/images/bn155.png"></div>
                </div>
                <div class="hardware-list">
                    <div class="hardware-list-title">
                        <dd>可选配身份证读卡器</dd>
                    </div>
                    <div class="hardware-list-img"><img src="../img/images/bn160.png"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- 工艺 -->
    <div class="process">
        <div class="process-content clearfix">
            <div class="item-right fr">
                <div class="item-tilte">
                    整机发泡工艺
                   <span>Guided replenishment</span>
                </div>
                <div>聚氨酯整机一体发泡技术</div>
                <div>整体一次成型，有效隔绝冷热，节能省电</div>
            </div>
            <div class="item-left fl">
                <img src="../img/images/bg108.jpg">
            </div>
        </div>
        <div class="process-content clearfix">
            <div class="item-right fl">
                <div class="item-tilte">
                    精钢加厚机身
                   <span>Thickened fuselage</span>
                </div>
                <div>箱体采用静电喷涂工艺，外壳采用冷轧工艺，双层钣金，更加坚固耐用</div>
                <div>防爆防晒可抵抗外力冲击，更好的保护机器安全</div>
            </div>
            <div class="item-left fr">
                <img src="../img/images/bg104.jpg">
            </div>
        </div>
        <div class="process-content clearfix">
            <div class="item-right fr">
                <div class="item-tilte">
                    高效加热系统
                   <span>heating system</span>
                </div>
                <div>热力均匀，功能强大，加热功率强劲</div>
                <div>支持保温功能，取食就能享受刚出锅的美味</div>
            </div>            
            <div class="item-left fl">
                <img src="../img/images/bg126.jpg">
            </div>
        </div>
        <div class="process-content clearfix">
            <div class="item-right fl">
                <div class="item-tilte">
                    弹开式柜门
                   <span>sprang open</span>
                </div>
                <div>柜门弹开自助取货</div>
                <div>故障率低、商品安全性高</div>
            </div>
            <div class="item-left fr">
                <img src="../img/images/bg128.jpg">
            </div>
        </div>
        <div class="process-content clearfix">
            <div class="item-right fr">
                <div class="item-tilte">
                    臭氧或紫外线消毒
                   <span>Height adjustment</span>
                </div>
                <div>独立单格消毒灯，更安全</div>
                <div>格子柜严格实行无接触标准，更卫生</div>
            </div>
            <div class="item-left fl">
                <img src="../img/images/bg127.jpg">
            </div>
        </div>
    </div>

    <!-- 问题 -->
    <div class="problem">
        <div class="problem-content">
            <div class="problem-title">自助格子柜解决餐饮配送问题</div>
            <ul class="problem-list clearfix">
                <li class="problem-item">
                    <div class="problem-item-img iconfont icon-fanghu"></div>
                    <div class="problem-item-txt">
                        <div class="txt-title">安全卫生</div>
                        <div>自助格子柜带有紫外线或臭氧消毒，杀菌消毒无异味，食品更安全更方便</div>
                    </div>
                </li>
                <li class="problem-item">
                    <div class="problem-item-img iconfont icon-xuehua"></div>
                    <div class="problem-item-txt">
                        <div class="txt-title">丢失易冷</div>
                        <div>外卖堆放在社区或是企业园区门口，易凉，影响美观，还容易取错丢失</div>
                    </div>
                </li>
                <li class="problem-item">
                    <div class="problem-item-img iconfont icon-bingdu"></div>
                    <div class="problem-item-txt">
                        <div class="txt-title">有接触风险</div>
                        <div>外卖员接触人群复杂，是高风险人群，等待送外卖，流转速度慢，有接触风险</div>
                    </div>
                </li>
                <li class="problem-item">
                    <div class="problem-item-img iconfont icon-guanli"></div>
                    <div class="problem-item-txt">
                        <div class="txt-title">管理不便</div>
                        <div>企业、小区、学校等地，禁止外来人员进入，外卖配送会有管理问题</div>
                    </div>
                </li>
                <li class="problem-item">
                    <div class="problem-item-img iconfont icon-waimai"></div>
                    <div class="problem-item-txt">
                        <div class="txt-title">团餐配送慢</div>
                        <div>企业或学校的团餐数量多，格子柜可以减少人等人的时间，提高配送速度</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 科技 -->
    <div class="science">
        <div class="general-content clearfix">
            <div class="general-right fr">
                <div class="general-right-img">
                    <img src="../img/images/bn136.png">
                </div>
                <div class="general-right-title">
                    <div>智能自助取餐，外卖也能吃出科技感</div>
                    <div>● 柜体可实现加热保温、臭氧或紫外线消毒、照明等功能</div>
                    <div>● 不用担心餐食变凉及卫生安全，解决配送、分餐困难、用户体验差的问题</div>
                    <div>● 柜子存放外卖，形象好，占地面积少，外卖周转快</div>
                </div>
            </div>
            <div class="general-left fl">
                <img src="../img/images/bn143.png">
            </div>
        </div>
    </div>

    <!-- 外卖 -->
    <div class="takeout">
        <div class="takeout-title">
            <h2>旨在为用户拿取外卖提供便利的时间和地点</h2>
            <div>叫餐人可以自行安排取餐时间，无需排队等待，不会拿错，提升取餐效率</div>
        </div>
        <img src="../img/images/bg97.jpg">
    </div>

    <!-- 触摸 -->
    <div class="touch">
        <div class="general-content clearfix">
            <div class="general-right fl">
                <div class="general-right-img">
                    <img src="../img/images/bg22-1.jpg">
                </div>
                <div class="general-right-title">
                    <div>搭载可触控交互屏幕，购买更方便、更直观</div>
                    <div>下单购买、播放广告</div>
                    <div>让购买过程更加有声有色，增加趣味性</div>
                </div>
            </div>
            <div class="general-left fr">
                <img src="../img/images/bn144.png">
            </div>
        </div>
    </div>

    <!-- 应用场景 -->
    <div class="apply">
        <div class="apply-title">
            <h2>应用场景</h2>
            <div>适用高校、医院及企业食堂就餐场景，就餐者通过终端或手机APP预订点餐并支付后，食堂完成备餐后直接配送到餐柜内。就餐者可以随时到自助格子柜处通过扫码/输入取货码/刷脸等方式完成取餐， 方便快捷，节能大量就餐时间。自助格子柜具备加热保温功能，符合用餐人员的需求。</div>
        </div>
        <img src="../img/images/bg98.jpg" alt="">
    </div>

    <!-- 推荐 -->
    <!-- <div class="recommend">
        <div class="recommend-title">同系列机型推荐</div>
        <div class="content clearfix">
            <div class="content-list">
                <div class="list-img">
                    <img src="../img/custom1.jpg" alt="" srcset="">
                    <div class="mark"></div>
                    <div class="loading">123</div>
                </div>
                <div class="product">
                    <div class="productName">
                        <div>
                            <strong>机型：S1</strong>
                            <i>|</i>
                            <span>32吋触摸屏XY轴寻址智能售货机售货机售货机</span>
                        </div>
                        <div title="GSP规范，恒温恒湿，HIS、ERP对接，扫码枪、小票打印、处方留存，可选悬挂、弹簧、推板、履带货道">GSP规范，恒温恒湿，HIS、ERP对接，扫码枪、小票打印、处方留存，可选悬挂、弹簧、推板、履带货道</div>
                    </div>
                    <div class="product-detail"></div>
                </div>
            </div>
            <div class="content-list">
                <div class="list-img">
                    <img src="../img/custom1.jpg" alt="" srcset="">
                    <div class="mark"></div>
                    <div class="loading">123</div>
                </div>
                <div class="product">
                    <div class="productName">
                        <div>
                            <strong>机型：S1</strong>
                            <i>|</i>
                            <span>32吋触摸屏XY轴寻址智能售货机售货机售货机</span>
                        </div>
                        <div title="GSP规范，恒温恒湿，HIS、ERP对接，扫码枪、小票打印、处方留存，可选悬挂、弹簧、推板、履带货道">GSP规范，恒温恒湿，HIS、ERP对接，扫码枪、小票打印、处方留存，可选悬挂、弹簧、推板、履带货道</div>
                    </div>
                    <div class="product-detail"></div>
                </div>
            </div>
        </div>
    </div> -->

    <!-- 回到顶部 -->
    <ul class="top"></ul>

    <!-- 底部 -->
    <div class="footer"></div>
    
    <!-- 加载 nav footer 模块 -->
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
    <script src="../js/common.js"></script>


    <script>
        var ids =location.search.split('=')[1]
        function getCase(){
            
            $.ajax({
                type: "GET",
                url: "http://www.yingliyun.com:40511/indexController/getIndexDevice?id=" + ids,
                dataType: 'JSON',
                success: function(data){
                    let imgUrl = data.data.titleImg.split(',')


                    console.log(imgUrl[2]);

                     
                    $('.information-box').append(`<img src="${imgUrl[3]}">`)
                    $('.configure-img').append(`<img src="${imgUrl[2]}">`)
                    

                },
                error: function(e){
                    alert(JSON.stringify(e));
                }
            }); 
        }
        

        getCase()


    </script>
    
</body>
</html>